<template>
	<view class="content">
		<view class="title">
			快递服务·四川交职院
		</view>
		<view class="choose_service">
			<view class="section"><u-subsection :list="classfy" :current="current" mode="subsection" @change="handleSelection" activeColor="#F5AC3C"></u-subsection></view>
		</view>
		<view class="service">
			<u--form labelPosition="left" :model="userInfo" :rules="rules" ref="form1">
				<u-form-item
									label="姓名"
									prop="userInfo.name"
									borderBottom
									ref="item1"
							>
								<u--input
										v-model="userInfo.name"
										border="none"
								></u--input>
							</u-form-item>
			</u--form>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			current: 0,
			classfy: ['取快递', '寄快递'],
			userInfo:{
				name:'123',
			},
			rules:{
				name:{
							type:'string',
									required: true,
									message: '请填写姓名',
									trigger: ['blur', 'change']
								},
			}
		};
	},
	methods: {
		handleSelection(index) {
			this.current = index;
		}
	}
};
</script>

<style scoped lang="scss">
.content {
	.title {
		text-align: center;
		padding: 20rpx 0;
		font-size: 28rpx;
		font-weight: 700;
	}
}
</style>
